<div class="lg:flex lg:items-center lg:justify-between">
  <div class="flex-1 min-w-0">
    <h2
      *ngIf="name"
      [title]="tooltip"
      class="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:leading-9 sm:truncate"
    >
      {{ name }}
    </h2>
    <div
      *ngIf="description"
      class="mt-1 flex flex-col sm:mt-0 sm:flex-row sm:flex-wrap"
    >
      <div
        class="mt-2 flex items-center text-sm leading-5 text-gray-500 sm:mr-6"
      >
        {{ description }}
      </div>
    </div>
  </div>
</div>
